<template>
	<view class="flex-colume-start indexPage">
		<view class="indexPage-imgBg">
			<image src="/static/index-bg.png" style="width: 100%; height: 100%;"></image>
		</view>
		<view class="flex-colume-start indexPage1 caseDetailPage">
			<image src="/static/logo1.png" style="width: 120px; height: 120px;"></image>
			<view class="page-title1">铁岭县多元金融纠纷调解中心</view>
			<view class="flex-colume-start caseDetailBox">
				<view class="flex-row-start caseDetailBox__header1">
					<view class="flex-row-start backBtn" @click="goBack()">
						<image style="width: 20px; height: 20px;" src="/static/arrow-left-black.png"></image>
						<view style="font-size: 14px; margin-left: 6px;">返回</view>
					</view>
					<view
						style="width: 1px; height: 12px; margin-left: 10px; margin-right: 10px; background-color: #DCDFE6;">
					</view>
					<view>
						案件详情
					</view>
				</view>
				<view style="width: 100%; height: 1px; margin-bottom: 15px; background-color: #DCDFE6;"></view>

				<view class="flex-colume-start caseDetailBox__content1" v-if="dataArr.length > 0">
					<view v-for="(item,index) in dataArr" :key="index" class="caseDetailItem">
						<view class="t0 t1">{{item.title}}</view>
						<view v-if="index == dataArr.length- 1" class="flex-colume-start pdfBox">
							<view class="title1">铁岭县多元金融纠纷调解中心</view>
							<view class="line2"></view>
							<view class="tip1">{{detailModel.tiejinhao}}</view>
							<view class="title2">调解通知函</view>
							<view class="title3">申请人：<span>{{detailModel.customName}}</span></view>
							<view class="title3">被申请人：<span>{{detailModel.cardOwnerName}}</span></view>
							<view class="title3">身份证：<span>{{detailModel.identityCardNo}}</span></view>
							<view class="desc2">关于北京恒昌(借款协议)金融借款合同纠纷/追偿权纠纷一案，我中心已正式受理。根据《中华人民共和国人民调解法》《最高人民法院关于人民法院进一步深化多元化纠纷解决机制改革的意见》，现依法通知当事人{{detailModel.cardOwnerName}}，纠纷案件已进入诉前调解阶段，调解期限截止{{detailModel.jiezhi_time}}。</view>
							<view class="title4">调解中心电话：024-72275698</view>
							<!--<view class="title4">监督投诉电话：0635-8321136</span></view>-->

							<view class="flex-colume-start dateBox">
								<view class="tip4">
									铁岭县多元金融纠纷调解中心
								</view>
								<view class="tip5">
									2024年5月30日
								</view>
								<image class="img11"></image>
							</view>


						</view>

						<view class="t0 t2" v-else>
							{{item.desc}}

						</view>
					</view>
				</view>
			</view>
			<view class="flex-colume-start page-desc1">
				<view>
					监督投诉电话:024-72275698/72827977
				</view>
				<view>监督投诉邮箱:tiaojiejiandu@163.com</view>
				<view>
					版权所有:<span>铁岭县多元金融纠纷调解中心</span>
				</view>
			</view>
		</view>



	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataArr: [],
				detailModel:undefined

			}
		},
		onLoad() {
			var model = getApp().globalData.selectModel
			this.detailModel = model
			this.dataArr = [{
					title: '调解号',
					desc: model.caseNo
				},
				{
					title: '债务人姓名',
					desc: model.cardOwnerName
				},
				{
					title: '证件号码',
					desc: model.identityCardNo
				},
				{
					title: '调解状态',
					desc: model.status_name
				},
				{
					title: '标的金额',
					desc: '¥' + parseFloat(model.caseAmt).toFixed(2)
				},
				{
					title: '调解员',
					desc: model.userRealName
				},
				{
					title: '调解通知书',
					desc: ''
				}
			]




		},
		onReady() {

		},

		methods: {
			caseDetail(item) {
				uni.navigateTo({
					url: '/pages/caseDetail/caseDetail'
				})
			},
			goBack() {
				this.$router.go(-1)
			}


		}
	}
</script>


<style lang="scss" scoped>
	.caseDetailPage {
		.caseDetailBox {
			margin-top: 50px;
			background-color: white;
			border-radius: 6px;
			overflow: hidden;
			width: 80%;
			max-width: 385px;
			padding: 0px 10px 10px 10px;

			&__header1 {
				width: 100%;
				font-size: 16px;
				height: 45px;
			}

			&__content1 {
				width: 100%;
				border: 1px solid #DCDFE6;

				.caseDetailItem {
					width: 100%;

					.t0 {
						width: 100%;
						font-size: 14px;
						line-height: 40px;
						height: 40px;
						padding-left: 12px;
						border-bottom: 1px solid #DCDFE6;
					}

					.t1 {
						color: rgb(153, 153, 153);
						background-color: rgb(238, 238, 238);
					}

					.t2 {
						color: rgb(53, 53, 53);
					}

					.pdfBox {
						margin-top: 10px;
						margin-bottom: 20px;
						width: 100%;
						padding: 10px 15px;

						.title1 {
							font-size: 15px;
							font-weight: 500;
							color: rgb(208, 55, 55);
							width: 100%;
							text-align: center;
							line-height: 18px;
						}

						.line2 {
							width: 100%;
							height: 1px;
							background-color: rgb(208, 55, 55);
							margin-top: 12px;
							margin-bottom: 10px;

						}

						.tip1 {
							width: 100%;
							text-align: right;
							font-size: 12px;
						}

						.title2 {
							margin-top: 16px;
							font-size: 15px;
							margin-bottom: 20px;

						}

						.title3 {
							font-size: 14px;
							width: 100%;
							text-align: left;
							margin-bottom: 6px;

							span {
								color: rgb(153, 153, 153);
							}
						}

						.desc2 {
							margin-top: 12px;
							margin-bottom: 12px;
							font-size: 13px;
							color: rgb(153, 153, 153);
							text-indent: 26px;
							line-height: 16px;
							// -webkit-font-smoothing: antialiased;
							// text-rendering: optimizeLegibility;
						}

						.title4 {
							width: 100%;
							text-align: left;
							margin-top: 5px;
							font-size: 12px;
							color: rgb(153, 153, 153);

						}

						.dateBox {
							width: 100%;
							margin-top: 40px;
							align-items: flex-end;
							position: relative;
							padding-bottom: 50px;
						}

						.tip4 {
							font-size: 14px;
						}

						.tip5 {
							margin-top: 5px;
							font-size: 12px;
							-webkit-font-smoothing: antialiased;
							text-rendering: optimizeLegibility;
						}

						.img11 {
							position: absolute;
							bottom: 30px;
							width: 80px;
							height: 80px;
							right: 50px;
							//border-radius: 50px;
							//border: 1px solid rgb(208, 55, 55);
							background: url(/static/bk.png);
									background-size: 100% 100%;//背景图片能够显示全
						}

					}


				}

			}

		}




	}
</style>